<template>
  <div class="data">
    <a-menu v-model="current" mode="horizontal" @click="menuClick">
      <a-menu-item key="user">
        <a-icon type="user" />
        用户数据
      </a-menu-item>
      <a-menu-item key="interview">
        <a-icon type="read" />
        面试文章数据
      </a-menu-item>
      <a-menu-item key="bank">
        <a-icon type="unordered-list" />
        题库数据
      </a-menu-item>
    </a-menu>
    <router-view></router-view>
  </div>
</template>

<script>
export default {
  name: "",
  components: {
  },
  data() {
    return {
      current: ["user"],
      path: {
        user: '/main/dataVisual/userData',
        interview: '/main/dataVisual/interviewData',
        bank: '/main/dataVisual/bankData'
      }
    };
  },
  methods: {
    menuClick(item) {
      this.$router.push({
        path: this.path[item.key]
      })
    }
  }
};
</script>

<style lang="less" scoped>
/deep/.ant-menu-item {
  margin-right: 30px;
}
</style>
